import React, { Component } from 'react';
import Header from '$component/header/index.js';
import yoHistory from '$common/history';
import './index.scss';
import yz from './regphone.js'


class RegPhone extends Component{
    componentDidMount(){
        yz();
    }
	render() {
        return (
            <div className="yo-flex">
                <Header title="手机号注册" left={false}/>
                <div className="yo-flex yo-phone">
                    <form action="http://www.qialapapa.online/api/reg.php" className="yo-infos" method="post">
                        <div className="yo-text">
                            <span>+86</span>
                            <input type="text" id="user-phone" name="username" placeholder="请输入手机号"/>
                            
                        </div>
                        <span id="user-verify"></span>
                        <div className="psd" style="height:100px">
                            <input type="password" id="user-word" name="password" placeholder="6-16位字母数字字符组合密码"/>
                            <span id="word-verify"></span>
                        </div>
                        <input type="submit" value="立即注册" name="submit" className="yo-btn yo-btn-n yo-btn-light"/>
                    </form>
                    <div className="yo-law">
                        用户注册即代表同意
                        <a href="#">《服务条款》</a>
                        和
                        <a href="#">《网络游戏用户隐私保护和个人信息利用政策》</a>
                    </div>
                </div>
            </div>
        )
    }
}

export default RegPhone;